#accordion {
	width: 90%;
	height: 400px;
	margin: 30px auto;
}

/* webcam */
#webcam {
	width: 250px;
	border-style: solid;
	border-width: 1px;
	height: 250px;
	text-align: center;
	border-radius: 10px;
	float: left;
}

/* =============== acceleration ==================== */
#acceleration_div {
	width: 90px;
	border-style: solid;
	border-width: 1px;
	height: 250px;
	text-align: center;
	border-radius: 10px;
	float: left;
	margin-left: 10px;
}
#acceleration_value {
	border-style: solid;
	border-width: 1px;
	color: #4114F0;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}
#acceleration {
	height: 150px;
	margin: auto;
}
/* ================ vitesses ========================= */
#vitesse_div {
	width: 320px;
	border-style: solid;
	border-width: 1px;
	height: 250px;
	text-align: center;
	border-radius: 10px;
	float: left;
	margin-left: 10px;
}
.vitesse {
	position: relative;
	float: left;
}
.vitesse table {
	margin-left: 20px;
	margin-top: 20px;
}
/* yellow progress bar */
#V1 td.progressBar-off {
	background-color: #660;
}
#V1 td.progressBar-on {
	background-color: #ff0;
}
#V1 td.progressBar-value {
	color: #ff0;
}
/* marron progress bar */
#V2 td.progressBar-off {
	background-color: maroon;
}
#V2 td.progressBar-on {
	background-color: #CD853F;
}
#V2 td.progressBar-value {
	color: #CD853F;
}
/* blue progress bar */
#V3 td.progressBar-off {
	background-color: #191970;
}
#V3 td.progressBar-on {
	background-color: #00BFFF;
}
#V3 td.progressBar-value {
	color: #00BFFF;
}
/* ================ Batterie ====================*/
#batterie_div {
	width: 83px;
	border-style: solid;
	border-width: 1px;
	height: 250px;
	text-align: center;
	border-radius: 10px;
	float: left;
	margin-left: 10px;
}
/* white progress bar*/
#B td.progressBar-off {
	background-color: #696969;
}
#B td.progressBar-on {
	background-color: white;
}
#B td.progressBar-value {
	color: white;
}
#B {
	position: relative;
	float: left;
}
#B table {
	margin-left: 15px;
	margin-top: 20px;
}
/* =================== Direction ================= */
#direction_div {
	width: 250px;
	border-style: solid;
	border-width: 1px;
	height: 250px;
	text-align: center;
	border-radius: 10px;
	float: left;
	margin-left: 10px;
}
#direction {
	width: 180px;
	margin: auto;
}
/*================== frein ====================== */
#frein_form {
	margin-top: 20px;
	margin-bottom: 40px;
}
/* ================= fins de course ============== */
#fc_g {
	float: left;
	margin-left: 15px;
}
#fc_d {
	float: right;
	margin-right: 15px;
}
